{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Prayer requests" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Prayer requests" %}</h1>
    <p>{% translate "Pray through the list, then mark each one so the team knows it has been covered." %}</p>
  </div>
  {% if user.is_supervisor %}<div class="actions"><a class="btn" href="{% url 'export' 'prayer' %}">{% translate "Download all (CSV)" %}</a></div>{% endif %}
</div>

<div class="filters">
  <div class="seg" aria-label="{% translate 'Status' %}">
    {% for value, label in statuses %}
      <a href="{% url_with status=value %}"{% if status == value %} aria-current="true"{% endif %}>{{ label }}<span class="c">{{ counts|get_item:value }}</span></a>
    {% endfor %}
    <a href="{% url_with status='all' %}"{% if status == 'all' %} aria-current="true"{% endif %}>{% translate "All" %}</a>
  </div>
  <form method="get">
    <input type="hidden" name="status" value="{{ status }}">
    <label class="sr-only" for="pc">{% translate "Category" %}</label>
    <select id="pc" name="category" data-autosubmit>
      <option value="">{% translate "All categories" %}</option>
      {% for value, label in categories %}<option value="{{ value }}"{% if value == category %} selected{% endif %}>{{ label }}</option>{% endfor %}
    </select>
    <noscript><button class="btn" type="submit">{% translate "Show" %}</button></noscript>
  </form>
</div>

{% if page.object_list %}
<div class="table-wrap">
  <table>
    <thead><tr><th>{% translate "Who" %}</th><th>{% translate "Request" %}</th><th class="hide-sm">{% translate "Taken" %}</th><th></th></tr></thead>
    <tbody>
    {% for pr in page %}
      <tr>
        <td class="nowrap"><a class="title" href="{{ pr.contact.get_absolute_url }}">{{ pr.contact.name }}</a>
          <div class="muted small">{{ pr.get_category_display }}</div></td>
        <td>
          {% if pr|can_view:user %}
            {{ pr.request|truncatechars:240 }}
            {% if pr.confidential %} <span class="pill lock">{% translate "Confidential" %}</span>{% endif %}
            {% if pr.testimony %}<div class="small" style="margin-top:4px"><strong>{% translate "Answer:" %}</strong> {{ pr.testimony|truncatechars:160 }}</div>{% endif %}
          {% else %}
            <span class="locked">{% blocktranslate trimmed with name=pr.contact.first_name %}Confidential. Pray for {{ name }} by name.{% endblocktranslate %}</span>
          {% endif %}
          {% if pr.prayed_by %}<div class="muted small" style="margin-top:4px">{% blocktranslate trimmed with name=pr.prayed_by.display_name when=pr.prayed_at|when %}Prayed for by {{ name }}, {{ when }}{% endblocktranslate %}</div>{% endif %}
        </td>
        <td class="hide-sm muted small nowrap">{{ pr.created_at|when }}{% if pr.created_by %}<br>{{ pr.created_by.display_name }}{% endif %}</td>
        <td class="right nowrap">
          {% if pr.status == "open" %}
          <form method="post" action="{% url 'prayer_prayed' pr.pk %}" style="display:inline">
            {% csrf_token %}<input type="hidden" name="next" value="{{ request.get_full_path }}">
            <button class="btn btn-small btn-primary" type="submit">{% translate "We prayed" %}</button>
          </form>
          {% endif %}
          {% if pr|can_view:user %}<a class="btn btn-small btn-quiet" href="{% url 'prayer_edit' pr.pk %}">{% translate "Update" %}</a>{% endif %}
        </td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% include "_pager.html" %}
{% else %}
<div class="panel empty"><strong>{% translate "Nothing here." %}</strong>{% if status == "open" %}{% translate "Every request has been prayed for. New ones appear when agents log them during calls." %}{% else %}{% translate "Try another status or category." %}{% endif %}</div>
{% endif %}
{% endblock %}